@import "src/assets/styles/variables";
.ss-platform-field {
  font-size: 12px;background-color: #fff;
  dl + dl {
    border-top: 1px solid #ececec;
  }
  dd {
    &.field-type {
      margin-bottom: -3px;padding: 7px 0 0;height: 20px;line-height: 20px;
      .action {
        float: right;
        span {
          margin-left: 8px;cursor: pointer;
          @include ssicon(1px, pointer);
          i {font-size: 12px;}
        }
      }
      strong {
        color: #4b4b4b;font-weight: 400;
      }

    }
    .filed-type-cell {
      padding-left: 30px;position: relative;
      .icon {
        float: left;margin-left: -30px;border: 1px solid #d5d5d5;border-right: none;background-color: #f8fafe;width: 30px;
        height: 30px;line-height: 30px;text-align: center;box-sizing: border-box;cursor: pointer;
        @include ssicon(1px, pointer);
      }
      .name input {
        padding-right: 30px;height: 30px; float: left;
      }
      .bgcolor {
        position: absolute;right: 8px;top: 7px;width: 16px;height: 16px;border-radius: 100%;cursor: pointer;box-sizing: border-box;
        &.none {
          background-color: #fff;border: 1px solid #ccc;
        }
      }
    }
    padding: 10px 0;
    .tips { color: #9f9f9f;}
    .t {display: block;padding-bottom: 6px;}
    .ps {
      height: 31px;font-size: 12px;
    }
    .ss-platform-input {
      float: left;height: 31px;font-size: 12px;
      &.mini {width: 75%;}
    }
    .ss-platform-select {
      &.mini {width: 25%;margin-left: -1px;}
    }
    label {
      margin-right: 10px;
      input {
        position: relative;top: -1px;margin-right: 6px;
      }
    }
    span.help {
      margin-left: 5px;
      @include ssicon(1px, help);
    }
    textarea {height: 80px;font-size: 12px;}
  }

}
